import { Component } from 'vue-property-decorator'
import TimelineBase from './TimelineItemBase'

@Component({})
export default class TimelineItem extends TimelineBase {
  protected render(h: any) {
    return (
      <li class="timeline-item">
        <div
          class={{ [this.slotClass]: true, 'timeline-circle': true }}
          style={this.circleStyle}
          ref="others"
        >
          {this.$slots.others}
        </div>
        <div class="content" style={this.itemStyle}>
          {this.$slots.default}
        </div>
      </li>
    )
  }
}
